<template>
  <div class="publisherDetails">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="基本信息" name="first">
        <el-form ref="form" label-width="100px" width='500px'>
          <el-form-item label="发行商">
            <el-input v-model="form.name" placeholder="请输入发行商名称" :disabled="true"></el-input>
          </el-form-item>
          <el-form-item label="用户ID">
            <el-input v-model="form.userId" placeholder="请输入绑定用户ID" :disabled="true"></el-input>
          </el-form-item>
          <el-form-item label="地址">
            <el-input v-model="form.address" placeholder="请输入发行商联系地址" :disabled="true"></el-input>
          </el-form-item>
          <el-form-item label="联系人">
            <el-input v-model="form.contacts" placeholder="请输入发行商联系人姓名" :disabled="true"></el-input>
          </el-form-item>
          <el-form-item label="联系电话">
            <el-input v-model="form.phoneNumber" placeholder="请输入发行商联系电话" :disabled="true"></el-input>
          </el-form-item>
        </el-form>
      </el-tab-pane>
      <el-tab-pane label="项目(2)" name="second">
          <project></project>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
import project from './publisherDetails/project';
export default {
  name: "publisherDetails",
  data() {
    return {
      activeName: "first",
      form: {
        name: "银河文化",
        userId: "10086",
        address: "北京市海定区东5路搜狐大厦1202B",
        contacts: "于平",
        phoneNumber: "15928824314"
      }
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  },
  components:{
      project
  }
};
</script>


<style lang="less" scoped>
.publisherDetails {
    padding: 1rem;
}
</style>
